import React from 'react';
import { Modal, Button,} from 'antd';
import './index.css'
import { Input } from 'antd';
import { List, Avatar ,Divider} from 'antd';

const Search = Input.Search;
export default class InstModel extends React.Component {
    constructor(){
        super();
    }
    
    render() {
        const data = [
            {
              title: 'Ant Design Title 1',
            },
        ]
        return (
            <div style={{position:"",}}>
         
            <Modal
              title="添加到计划"
              visible={this.props.visible2}
              onOk={this.handleOk}
              wrapClassName="addto"
              onCancel={()=>this.props.showModel2()}
            >
             <div>
             <Search
                placeholder="请输入计划编号"
                enterButton="查找计划"
                size="large"
                onSearch={value => console.log(value)}
                style={{ width: '75%' }}
                />
                <Button type="primary" style={{height:'40px',marginLeft: '5%'}}>创建计划</Button>
                <List
                    itemLayout="horizontal"
                    dataSource={data}
                    renderItem={item => (
                    <List.Item>
                        <List.Item.Meta
                        title={<div style={{color:'#262626',fontSize:'14px'}}>NO 1234567890</div>}
                        description={<div style={{position:"relative",}}>
                            <div style={{color:'#262626',fontSize:'14px'}}>芜湖—上海（海螺水泥股份有限公司）</div>
                            <Button style={{position:"absolute",bottom: '65%',right: '1.5%',width: '86px'}}>添加</Button>
                            <Divider />
                        </div>
    
                        }
                        />
                        
                    </List.Item>
                    )}
                />
             </div>
            </Modal>
          </div>
        );
    }
}